<template>
  <div class="filter_section">
    <Filterelement
      WhichPage="社保管理"
      @searchBtn="searchBtn"
      @reset="reset"
      @handleExport="handleExport"
      @ToLeadInto="ToLeadInto"
      @handleSign="handleSign"
      :Params="Params"
      @downloadX="downloadX"
      :gangwei="gangwei"
      :yewu="yewu"
      @submitShenHe="submitShenHe"
      @revocationShenHe="revocationShenHe"
      :userList="userList"
    />
    <div
      style="
        margin: 10px 20px 20px;
        padding: 16px;
        background-color: #fff;
        position: relative;
      "
    >
      <div class="tableHeader">
        <div class="line"></div>
        <div class="tableHeaderText">
          社保公积金管理
          <span style="font-size: 12px"
            >(注：社保最晚在每月第三个工作日前完成数据提报,遇休息日延长至下一工作日)</span
          >
        </div>
      </div>
      <el-table
        border
        v-loading="loading"
        :data="userList"
        @selection-change="handleSelectionChange"
        :height="240"
        :header-row-style="{ background: '#0E74C4', color: '#000' }"
        :header-cell-style="{ color: '#fff' }"
      >
        <el-table-column type="selection" width="40" align="center" />
        <el-table-column
          width="60"
          type="index"
          label="序号"
          align="center"
          key="userId"
          prop="userId"
        >
          <template #default="scope">
            <span>{{ scope.row.importMonth ? scope.$index : "" }} </span>
          </template>
        </el-table-column>
        <el-table-column
          label="费用发生月份"
          align="center"
          key="importMonth"
          prop="importMonth"
          :show-overflow-tooltip="true"
        >
          <template #default="scope">
            <span
              >{{
                scope.row.importMonth ? scope.row.importMonth + "月" : "合计"
              }}
            </span>
          </template>
        </el-table-column>
        <el-table-column
          label="总人数"
          align="center"
          prop="userCount"
          key="userCount"
          width="160"
        />
        <el-table-column
          label="公司承担总额"
          align="center"
          key="companyMoney"
          prop="companyMoney"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="个人承担总额"
          align="center"
          key="personalMoney"
          prop="personalMoney"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="总金额"
          align="center"
          key="totalMoney"
          prop="totalMoney"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="税率(%)"
          align="center"
          key="taxRate"
          prop="taxRate"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="含税额"
          align="center"
          key="taxMoney"
          prop="taxMoney"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="明细"
          align="center"
          key="deptName1"
          prop="dept.deptName1"
          :show-overflow-tooltip="true"
        >
          <template #default="scope">
            <span
              class="linkBtn"
              @click="getList1(scope)"
              style="cursor: pointer"
              >展开明细</span
            >
          </template>
        </el-table-column>
        <el-table-column
          label="审核状态"
          align="center"
          key="status"
          prop="status"
          width="120"
        >
          <template #default="scope">
            <span
              :class="[
                scope.row.status === 1 ||
                scope.row.status === 2 ||
                scope.row.status === 3 ||
                scope.row.status === 4
                  ? '#0E74C4'
                  : 'red',
              ]"
              >{{
                scope.row.status === 1
                  ? "待提交"
                  : scope.row.status === 2
                  ? "待审核"
                  : scope.row.status === 3
                  ? "审核中"
                  : scope.row.status === 4
                  ? "通过"
                  : scope.row.status === 5
                  ? "不通过"
                  : "-"
              }}</span
            >
          </template>
        </el-table-column>
        <el-table-column
          label="流程节点"
          align="center"
          key="status"
          width="120"
        >
          <template #default="scope">
            <div
              v-if="scope.row.importMonth"
              class="linkBtn"
              @click="handleFowlPath(scope.row)"
            >
              查看流程节点
            </div>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
        style="height: 50px"
      />
      <span
        style="
          color: #0d6ebb;
          font-size: 18px;
          position: absolute;
          right: 0;
          cursor: pointer;
          margin-top: 30px;
        "
        @click="shouqi"
        v-if="DropButton"
        >⬆ 收起</span
      >
    </div>
    <div
      v-if="DropButton"
      style="
        margin: 20px;
        margin-top: 40px;
        margin-right: 20px;
        background-color: #fff;
        position: relative;
      "
    >
      <div
        style="width: 100%; font-size: 20px; text-align: center; height: 35px"
      >
        明细表
      </div>
      <el-table
        v-loading="loading"
        :data="userList1"
        @selection-change="handleSelectionChange1"
        :header-row-style="{ background: '#0E74C4', color: '#000' }"
        :header-cell-style="{ color: '#fff' }"
        height="500"
      >
        <!-- <el-table-column type="selection" width="50" align="center" /> -->
        <el-table-column
          width="60"
          type="index"
          label="序号"
          align="center"
          fixed
        >
        </el-table-column>
        <!-- <el-table-column
                    label="业务"
                    align="center"
                    key="business"
                    prop="business"
                />
                <el-table-column
                    label="班组"
                    align="center"
                    key="team"
                    prop="team"
                /> -->
        <el-table-column
          label="lecc账号"
          align="center"
          key="leccAccount"
          prop="leccAccount"
          width="160"
          fixed
        />
        <el-table-column
          label="姓名"
          align="center"
          key="userName"
          prop="userName"
          fixed
        />
        <el-table-column label="岗位" align="center" key="job" prop="job" />
        <el-table-column
          label="社保月份"
          align="center"
          key="month"
          prop="month"
        />
        <el-table-column
          label="身份证"
          align="center"
          key="identityCard"
          prop="identityCard"
          width="170"
        />
        <el-table-column
          label="社保缴纳基数"
          align="center"
          key="socialSecurityBase"
          prop="socialSecurityBase"
        />
        <el-table-column
          label="公积金缴纳基数"
          align="center"
          key="accumulationFundBase"
          prop="accumulationFundBase"
        />
        <el-table-column
          label="公司承担额"
          align="center"
          key="companyMoney"
          prop="companyMoney"
        />
        <el-table-column label="公司承担额明细" align="center">
          <el-table-column
            prop="companyProvideAged"
            key="companyProvideAged"
            label="养老（16%）"
            width="140"
            align="center"
          />
          <el-table-column
            prop="companyMedicalTreatment"
            key="companyMedicalTreatment"
            label="医保（8%）"
            width="140"
            align="center"
          />
          <el-table-column
            prop="companyOccupationalInjury"
            key="companyOccupationalInjury"
            label="工伤（0.2%）"
            width="140"
            align="center"
          />
          <el-table-column
            prop="companyLoseJob"
            key="companyLoseJob"
            label="失业（0.7%）"
            width="140"
            align="center"
          />
          <el-table-column
            prop="companyAccumulationFund"
            key="companyAccumulationFund"
            label="公积金（5%）"
            width="140"
            align="center"
          />
        </el-table-column>
        <el-table-column
          label="个人承担额"
          align="center"
          key="personalMoney"
          prop="personalMoney"
        />
        <el-table-column label="个人承担额明细" align="center">
          <el-table-column
            prop="personalProvideAged"
            key="personalProvideAged"
            label="养老个人（8%）"
            width="140"
            align="center"
          />
          <el-table-column
            prop="personalMedicalTreatment"
            key="personalMedicalTreatment"
            label="医疗个人（2%）"
            width="140"
            align="center"
          />
          <el-table-column
            prop="personalLoseJob"
            key="personalLoseJob"
            label="失业个人（0.3%）"
            width="140"
            align="center"
          />
          <el-table-column
            prop="personalAccumulationFund"
            key="personalAccumulationFund"
            label="公积金（5%）"
            width="140"
            align="center"
          />
        </el-table-column>
        <el-table-column
          label="操作"
          align="center"
          width="200"
          class-name="small-padding fixed-width"
          fixed="right"
        >
          <template #default="scope">
            <el-button
              v-if="bianjiButton && INdex"
              type="primary"
              @click="editRow(scope.$index, scope)"
            >
              编辑
            </el-button>
            <el-popconfirm
              confirm-button-text="是"
              cancel-button-text="否"
              title="确定要删除嘛？"
              @confirm="deleteE(scope.$index, scope)"
            >
              <template #reference>
                <el-button type="danger" link v-if="INdex && bianjiButton">
                  删除
                </el-button>
              </template>
            </el-popconfirm>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="total1 > 0"
        :total="total1"
        v-model:page="queryParams.pageNum1"
        v-model:limit="pageSize1"
        @pagination="getList11"
        style="height: 50px"
      />
    </div>
    <!-- 添加或修改参数配置对话框 -->
    <el-dialog
      title="导入"
      v-model="open"
      width="800px"
      height="800px"
      append-to-body
      align-center
      draggable
      :before-close="cancel"
    >
      <template v-slot:title>
        <div class="custom-dialog-title">
          <span>导入</span>
        </div>
      </template>
      <el-form
        ref="configRef"
        :model="form"
        :rules="rules"
        label-position="left"
        align-center
      >
        <el-form-item height="50px">
          <div style="display: flex; justify-content: space-between">
            <div style="width: 100px">填写税率：</div>
            <el-input
              width="300px"
              height="50px"
              placeholder="请输入税率（数字）"
              v-model="TaxRate"
            ></el-input
            >%
          </div>
        </el-form-item>
        <el-upload
          ref="upload"
          v-model:file-list="wenjian"
          class="upload-demo"
          action=""
          :on-change="handleChange()"
          :on-exceed="handleExceed"
          :on-remove="handeRemove"
          :http-request="handleUpload"
          drag
          multiple
          :limit="1"
          :on-success="handleUploadSuccess"
        >
          <div
            style="
              display: flex;
              align-items: center;
              justify-content: center;
              flex-direction: column;
            "
          >
            <el-button text
              ><el-icon><Plus /></el-icon
            ></el-button>
            <span
              style="
                font-size: 14px;
                text-align: center;
                font-weight: 600;
                margin-top: 50px;
              "
              >点击或拖拽文件到此处上传
            </span>
            <span style="font-size: 12px; text-align: center; margin-top: 10px"
              >（仅支持导入xlsx格式，请下载社保模板后导入）
            </span>
          </div>

          <!-- <template #tip>
                            <div class="el-upload__tip">
                                (支持上传xlsx、jpg等格式)
                            </div>
                        </template> -->
        </el-upload>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button
            type="primary"
            color="#3175BE"
            :disabled="!wenjian.length > 0 && Number(TaxRate) != ''"
            @click="submitForm"
            >完成，开始核算数据</el-button
          >
          <el-button @click="cancel">取 消</el-button>
        </div>
      </template>
    </el-dialog>
    <!-- 流程弹窗 -->
    <FlowPath
      :dialogVisible="dialogVisible"
      @dialogClose="dialogClose"
      :title="dialogTitle"
      :businessId="businessId"
    ></FlowPath>
    <!-- 会签弹窗 -->
    <Countersign
      :dialogSign="dialogSign"
      @dialogSignClose="dialogSignClose"
      :title="dialogSignTitle"
      :Judgewhattosign="'社保管理'"
      :ID="submitTjID"
    ></Countersign>
    <Shebaobianji
      :sheBao="sheBao"
      @close="close"
      @saveRow="saveRow"
      :bianjichuancan="bianjichuancan"
      :yewu="yewu"
      :gangwei="gangwei"
    />
  </div>
</template>

<script setup>
import { ref, reactive, onMounted } from "vue";
import Filterelement from "../zujian/filterelement";
import Shebaobianji from "../zujian/Shebaobianji";
import { ElMessage } from "element-plus";
import {
  socialSecurityPage,
  socialSecurityPageM,
  Simport,
  getZidian,
  submitShenhe,
  revocationShenhe,
  delSbMx,
  deriveSb,
  EditSocialSecurityDetails,
} from "@/api/socialSecurity/index";
import dayjs from "dayjs";
import download from "../../../plugins/download.js";
import { useRouter } from "vue-router";
import { genFileId } from "element-plus";

const router = useRouter();
//储存表中id
const biaoId = ref();
const wenjian = ref([]); //文件流
const loading = ref(false);
const loading1 = ref(false);
const open = ref(false); //导入
// 流程弹窗
const dialogVisible = ref(false);
const dialogTitle = ref("");
const businessId = ref(null);
//社保编辑的弹窗
const sheBao = ref(false);
//岗位
const gangwei = ref([]);
//业务
const yewu = ref([]);
// 获取传入信息
const urlParams = new URLSearchParams(window.location.search);
// const id = urlParams.get("id");
const userName = urlParams.get("userName");
const roleName = urlParams.get("roleName");
const INdex = ref(false);
// const shuzu = ['人力资源','项目经理','小微主','财务','财务部长']
if (roleName?.indexOf("人力资源") == 0) {
  INdex.value = true;
  if (router.currentRoute.value.query?.qw === "1") {
    INdex.value = true;
  }
} else {
  INdex.value = false;
  if (router.currentRoute.value.query?.qw === "1") {
    INdex.value = true;
  } else {
    INdex.value = false;
  }
}
onMounted(() => {
  //岗位
  getZidian("pm_job").then((res) => {
    gangwei.value = res.data;
  });
  //业务
  getZidian("pm_business").then((res) => {
    yewu.value = res.data;
  });
  console.log(router.currentRoute.value.query);
  if (router.currentRoute.value.query.id) {
    dialogSign.value = true;
    submitTjID.value = router.currentRoute.value.query.id;
  }
});
/** 流程 */
const handleFowlPath = (row) => {
  dialogVisible.value = true;
  dialogTitle.value = "社保会签流程节点";
  businessId.value = row.id;
};
const dialogClose = () => {
  dialogVisible.value = false;
  businessId.value = null;
};
//收起按钮
const DropButton = ref(false);
const userList = ref([]);
const userList1 = ref([]);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(2);
const total1 = ref(3);
const pageSize1 = ref(10);
const data = reactive({
  queryParams: {
    pageNum: 1,
    pageNum1: 1,
    pageSize: 10,
    pageSize1: 10,
    userName: undefined,
    phonenumber: undefined,
    status: undefined,
    deptId: undefined,
  },
  Params: {
    // pageNum: 1,
    // pageNum1: 1,
    // pageSize: 10,
    // pageSize1: 10,
    business: "", //	业务
    endYearMonth: dayjs().endOf().format("YYYY-MM"), //费用发生年月结束时间
    job: "", //岗位
    leccAccount: "", //lecc账号
    socialSecurityId: "", //	配置管理-社保数据ID(汇总行的ID)
    startYearMonth: dayjs().startOf().format("YYYY-MM"), //	费用发生年月开始时间(格式：yyyy-MM)
    status: "", //		审核状态(1:待提交，2：待审核，3：审核中，4：通过，5：不通过)
    team: "", //			班组
    userName: "", //			姓名
  },
});
const { queryParams, form, Params } = toRefs(data);
function formatDate(dateString) {
  // 创建一个日期对象
  const date = new Date(dateString);
  // 获取年份、月份（月份从0开始，需要加1）、日
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, "0"); // 月份需要加1，且保证两位数
  // const day = date.getDate().toString().padStart(2, '0'); // 如果需要日，可以加上这一行
  // 拼接成 "yyyy-mm" 格式
  const formattedDate = `${year}-${month}`;
  return formattedDate;
}
//搜索按钮
const searchBtn = (TimeOfExpense) => {
  if (TimeOfExpense.value[0]) {
    data.Params.startYearMonth = formatDate(TimeOfExpense.value[0]);
    data.Params.endYearMonth = formatDate(TimeOfExpense.value[1]);
  }
  DropButton.value = false;
  console.log("搜索", data.Params);
  getList();
};
//重置按钮
const reset = (TimeOfExpense) => {
  DropButton.value = false;
  // proxy.resetForm('configRef');
  if (!TimeOfExpense.value[0]) {
    data.Params.startYearMonth = "";
    data.Params.endYearMonth = "";
  }
  data.Params = {
    business: "", //	业务
    endYearMonth: dayjs().endOf().format("YYYY-MM"), //费用发生年月结束时间
    job: "", //岗位
    leccAccount: "", //lecc账号
    socialSecurityId: "", //	配置管理-社保数据ID(汇总行的ID)
    startYearMonth: dayjs().startOf().format("YYYY-MM"), //	费用发生年月开始时间(格式：yyyy-MM)
    status: "", //		审核状态(1:待提交，2：待审核，3：审核中，4：通过，5：不通过)
    team: "", //			班组
    userName: "", //			姓名
  };
  getList();
  console.log("重置", TimeOfExpense.value);
};
//下载模板
const downloadX = () => {
  const resource = `社保管理导入模板.xlsx`;
  // 默认方法
  download.name(resource);
};

//填写税率
const TaxRate = ref("");
//导入弹窗
const ToLeadInto = () => {
  open.value = true;
};
//取消
const cancel = () => {
  open.value = false;
  TaxRate.value = "";
  wenjian.value = [];
};
//导入过程
const handleChange = (qw) => {
  console.log(TaxRate.value, qw, "form.annex");
  console.log(wenjian.value, "wenjian.value");
};
const handleUpload = () => {};
const upload = ref();

const handleExceed = (files) => {
  upload.value.clearFiles();
  const file = files[0];
  file.uid = genFileId();
  upload.value.handleStart(file);
};
const handeRemove = () => {
  wenjian.value = [];
};
const file1 = ref();
const handleUploadSuccess = (res, file) => {
  console.log(file.raw, "file");
  file1.value = file;
};

//已经导入，
const submitForm = () => {
  if (!TaxRate.value) {
    ElMessage({
      message: "请填写税率！",
      grouping: true,
      type: "error",
    });
    return;
  } else {
    var paramss = {
      taxRate: Number(TaxRate.value),
      file: wenjian.value[0].raw,
    };
    Simport(paramss)
      .then((res) => {
        console.log(res);
        TaxRate.value = "";
        wenjian.value = [];
        getList();
      })
      .catch((err) => {
        TaxRate.value = "";
        wenjian.value = [];
      });
    open.value = false;
    //等待增加逻辑
    ElMessage({
      message: "所有数据已核算成功！",
      grouping: true,
      type: "success",
    });
  }
};
/** 导出按钮操作 */
function handleExport() {
  data.Params.socialSecurityIds = [];
  if (submitTjID.value) {
    // data.Params.socialSecurityIds.push(submitTjID.value);
    data.Params.socialSecurityIds = socialSecurityIds.value;
    deriveSb(data.Params).then((res) => {
      console.log(res, "cccccccccccccccccccccccc");
      var elink = document.createElement("a");
      var name =
        deriveSbTitle.value != null
          ? String(deriveSbTitle.value)
          : String(
              // selectData.value.importYear +
              //   "年" +
              //   selectData.value.importMonth +
              "社保数据"
            );
      elink.download = name;
      elink.style.display = "none";
      var blob = new Blob([res], {
        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
      });
      elink.href = URL.createObjectURL(blob);
      document.body.appendChild(elink);
      elink.click();
      document.body.removeChild(elink);
      // saveAs(blob, deriveSbTitle.value, { type: '.xlsx' });
      // qweewq('/social/export', data.Params, deriveSbTitle.value);
    });
  } else {
    ElMessage({
      message: "请选择要导出的月份！",
      grouping: true,
      type: "error",
    });
  }

  // proxy.download(
  //     '/social/export',
  //     {
  //         ...data.Params,
  //     },
  //     `config_${new Date().getTime()}.xlsx`
  // );
}
//提交审核id
const submitTjID = ref();
const submitTjStatus = ref(false);
//导出名字title
const deriveSbTitle = ref();
// 已选择数据id
const socialSecurityIds = ref([]);
/** 选择条数  */
function handleSelectionChange(selection) {
  if (selection.length !== 0) {
    console.log(selection, "selection1");
    submitTjID.value = selection[0].id;
    deriveSbTitle.value = selection[0].title;
    ids.value = selection.map((item) => item.userId);
    single.value = selection.length != 1;
    multiple.value = !selection.length;
    socialSecurityIds.value = selection?.map((item) => item.id);
    console.log("ids", socialSecurityIds.value);
    if (selection[0].status === 3 || selection[0].status === 2) {
      submitTjStatus.value = true;
    } else {
      submitTjStatus.value = false;
    }
  } else {
    submitTjID.value = null;
    submitTjStatus.value = false;
  }
}
/** 明细表选择条数  */
function handleSelectionChange1(selection) {
  ids.value = selection.map((item) => item.userId);
  single.value = selection.length != 1;
  multiple.value = !selection.length;
}
/** 查询用户列表 */
function getList() {
  loading.value = true;
  socialSecurityPage(data.Params).then((res) => {
    console.log(res, "ress");
    total.value = res.data.total;
    userList.value = res.data.items;
    loading.value = false;
    submitTjID.value = null;
  });
}
//编辑按钮显示与隐藏
const bianjiButton = ref(true);
/** 查询明细列表 */
function getList1(scope) {
  console.log(scope.row, "zzzzzzzzzzzzzzzzzzzz");
  DropButton.value = true;
  if (scope.row.id !== null) {
    biaoId.value = scope.row.id;
  }
  if (biaoId.value) {
    data.Params.socialSecurityId = biaoId.value;
  } else {
    data.Params.socialSecurityId = scope.row.id;
  }
  if (scope.row.status === 1 || scope.row.status === 5) {
    bianjiButton.value = true;
  } else {
    bianjiButton.value = false;
  }
  loading1.value = true;
  socialSecurityPageM(data.Params).then((res) => {
    total1.value = res.data.total;
    pageSize1.value = res.data.size;
    userList1.value = res.data.items;
    loading1.value = false;
  });
}
/** 查询明细列表 */
function getList11(scope) {
  DropButton.value = true;
  data.Params.socialSecurityId = biaoId.value;
  loading1.value = true;
  if (scope) {
    data.Params.pageNum = scope.page;
    data.Params.pageSize = scope.limit;
  } else {
    data.Params.pageNum = 1;
    data.Params.pageSize = 10;
  }
  socialSecurityPageM(data.Params).then((res) => {
    total1.value = res.data.total;
    pageSize1.value = res.data.size;
    userList1.value = res.data.items;
    loading1.value = false;
  });
  // 阻止默认的滚动行为
  //   this.$nextTick(() => {
  //     window.scrollTo(0, document.body.scrollHeight);
  //   });
}
const shouqi = () => {
  DropButton.value = false;
  biaoId.value = "";
};
//给编辑组件传参
const bianjichuancan = ref();
//编辑
const editRow = (index, iiii) => {
  sheBao.value = true;
  bianjichuancan.value = iiii.row;
  console.log(index, "index", iiii);
};
//保存
const saveRow = (baocun) => {
  EditSocialSecurityDetails(baocun).then((res) => {
    console.log(res, "res");
    ElMessage({
      message: res.msg,
      grouping: true,
      type: "success",
    });
    sheBao.value = false;
  });
};
const close = () => {
  sheBao.value = false;
  getList11();
};
//删除
const deleteE = (index, iiii) => {
  console.log(index, "index", iiii.row.id, "iiii");
  var params = {
    detailId: iiii.row.id,
  };
  delSbMx(params).then((res) => {
    console.log(res);
    getList11();
  });
};
// 会签弹窗
const dialogSign = ref(false);
const dialogSignTitle = ref("");
/** 会签 */
const handleSign = () => {
  if (submitTjID.value) {
    if (submitTjStatus.value) {
      dialogSign.value = true;
    } else {
      ElMessage({
        message:
          "此条数据状态非待审核和审核中状态，无法会签，待人力资源提交审核后方可会签！",
        grouping: true,
        type: "error",
      });
    }
  } else {
    ElMessage({
      message: "请选择要会签的月份！",
      grouping: true,
      type: "error",
    });
  }
  dialogSignTitle.value = "2023年10月政务人员社保公积金";
};
const dialogSignClose = () => {
  dialogSign.value = false;
  getList();
};
//提交审核
const submitShenHe = () => {
  var params = {
    id: submitTjID.value,
  };
  submitShenhe(params).then((res) => {
    console.log(res, "11111111111111111111");
    ElMessage({
      message: res.msg,
      grouping: true,
      type: "success",
    });
    DropButton.value = false;
    getList();
  });
};
//撤回审核
const revocationShenHe = () => {
  var params = {
    id: submitTjID.value,
  };
  revocationShenhe(params).then((res) => {
    ElMessage({
      message: res.msg,
      grouping: true,
      type: "success",
    });
    DropButton.value = false;
    getList();
  });
};
getList();
const getqwe = (qwe) => {
  console.log(qwe);
};
</script>

<style lang="scss" scoped>
.filter_section {
  width: 100%;
}
.linkBtn {
  width: 100px;
  cursor: pointer;
  color: #3175be;
  text-decoration: underline;
}
.custom-dialog-title {
  background-color: #f2f2f2; /* 设置背景颜色 */
  color: #000; /* 设置文字颜色 */
  font-weight: bold; /* 设置标题粗细 */
}
.el-dialog__header {
  padding: var(--el-dialog-padding-primary);
  padding-bottom: 10px;
  margin-right: 0 !important;
  word-break: break-all;
  background-color: #f2f2f2;
}

.yanse {
  background: #0e74c4;
  color: #fff;
}
.tableHeader {
  width: 100%;
  font-size: 20px;
  height: 35px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  .line {
    width: 4px;
    height: 18px;
    background-color: #2e70b6;
    margin-right: 4px;
  }
  .tableHeaderText {
    font-size: 18px;
    font-weight: 500;
  }
}
</style>
